.wizard-box{

}

/*向导标题*/
.wizard-box .wizard-tabs{
    display: table;
    width: 100%;
    border-radius: 5px  5px 0 0;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    overflow: hidden;
    border-bottom: none;
}
.wizard-box .wizard-tabs li{
    display: table-cell;
    float: none;
    background-color: #f5f5f5;
    margin-bottom: 0;
}
.wizard-box .wizard-tabs li>a{
    position: relative;
    margin: 0;
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    color: #d0d0d0;
    border: none !important;
}
.wizard-box .wizard-tabs li>a:hover{
    background-color: #f5f5f5;
}
.wizard-box .wizard-tabs li>a .step{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 20px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    text-align: center;
    color: #e5e5e5;
    margin-right: 5px;
}
.wizard-box .wizard-tabs li.active>a .step{
    border: 2px solid #5db2ff;
    color: #5db2ff;
}
.wizard-box .wizard-tabs li>a .chevron{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: -46px;
    top: 0;
    z-index: 9;
    border: 24px solid transparent;
    border-left-color: #d4d4d4
}
.wizard-box .wizard-tabs li>a .chevron:before{
    position: relative;
    top: -23px;
    left: -24px;
    display: block;
    content: " ";
    border: 23px solid transparent;
    border-left-color: #f5f5f5;
    z-index: 8;
}
.wizard-box .wizard-tabs li.active>a{
    color: #666;
}
.wizard-box .wizard-tabs li.active>a:hover{
    background-color: #fff;
}
.wizard-box .wizard-tabs li.active>a .chevron{
    border-left-color: #d4d4d4;
}
.wizard-box .wizard-tabs li.active>a .chevron:before{
    border-left-color: #fff;
}

.wizard-box .wizard-tabs li.complete:before{
    display: block;
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #a0d468;
    z-index: 9999;
}
.wizard-box .wizard-tabs li.complete>a{
    color: #666;;
}
.wizard-box .wizard-tabs li.complete .step{
    position: relative;
    color: #a0d468;
    border-color:#a0d468;
}
.wizard-box .wizard-tabs li.complete .step:before{
    display: block;
    content: "\f00c";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    z-index: 9999;
    font-family: FontAwesome;
    background-color: #fff;
    border-radius: 50%;
    font-size: 12px;
}
/*.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}*/

/*向导内容*/
.wizard-box .wizard-content{
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}
.wizard-box .wizard-content .tab-pane{
    padding: 20px;
    position: relative;
    padding-bottom: 50px;
}
.wizard-box .wizard-content .tab-pane .wizard-content-footer{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 7px;
    width: 100%;
    height: 45px;
    text-align: right;
    border-top: 1px solid #eee;
}
.btn-blue{
    background-color: #5db2ff !important;
    border-color: #4ca9fd !important;
}
.btn-blue:hover{
    background-color: #389ffd !important;
    border-color: #4ca9fd !important;
}